<template>
<div class="nav-menu" :style="'height: ' + ($store.state.windowSize.width / 19.2 ) + 'px;line-height: ' + ($store.state.windowSize.width / 19.2 * 0.33) +'px'">
    <div class="head-bg">
        <div class="region-date">{{currentDate}} {{currentWeek}}</div>
    </div>

</div>
</template>
<script>


export default {
    name: 'NavMenu',
    data(){
        return{ 
            currentDate:"",
            currentWeek:""
        }
    },
    created(){
        let year = new Date().getFullYear();
        let month = new Date().getMonth()+1;
        let day = new Date().getDate();
        let week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"][new Date().getDay()]
        this.currentDate = `${year}年${month}月${day}日`
        this.currentWeek = week
    },
}
</script>

<style lang="scss" scoped>
@import '@/style/views/nav-menu.1.scss';
.region-date{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 60px;
    font-size: 16px;
    color: #fff;
}
</style>